<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/Register.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/Register.js"></script>

</head>
<!--注册页面：熟悉html5form表单-->
<body>
<div class="register">
    <form>
        <div>
            <div>
                <div>用户名：</div>
                <div><input type="text" id="username" name="username" maxlength="16" pattern="^[a-zA-Z]\w{5,15}$"
                            onkeyup="changeUsername()"></div>
            </div>
            <div id="usertips"></div>

        </div>
        <div>
            <div>
                <div>密码：</div>
                <div><input type="password" id="password" name="password"></div>
            </div>
            <div></div>
        </div>
        <div>
            <div>
                <div>手机：</div>
                <div><input type="tel" maxlength="11" id="phone" name="phone" onkeyup="changePhone()"></div>
            </div>
            <div id="phoneTips"></div>

        </div>
        <div>
            <div>
                <div>年龄：</div>
                <div><input type="number" id="age" name="age"></div>
            </div>
            <div></div>

        </div>
        <div>
            <div>
                <div>性别：</div>
                <div><input type="radio" name="sex" id="nan" value="男"><label for="nan">男</label></div>
                <div><label><input type="radio" name="sex" value="女">女</label></div>
            </div>
            <div></div>

        </div>
        <div>
            <div>
                <div>爱好：</div>
                <div><label><input type="checkbox" name="hobby" value="足球">足球</label></div>
                <div><label><input type="checkbox" name="hobby" value="羽毛球">羽毛球</label></div>
                <div><label><input type="checkbox" name="hobby" value="乒乓球">乒乓球</label></div>
                <div><label><input type="checkbox" name="hobby" value="篮球">篮球</label></div>
            </div>
            <div></div>

        </div>
        <div>
            <div>
                <div>生日：</div>
                <div><input type="date" id="birthday" name="birthday"></div>
            </div>
            <div></div>

        </div>
        <div>
            <div>
                <div>邮箱：</div>
                <div><input type="email" id="email" name="email"></div>
            </div>
            <div></div>

        </div>
        <div>
            <div>
                <div><input type="button" value="提交" onclick="save()"></div>
                <div><input type="button" value="返回登录" onclick="window.location.href='/html/login.html'"></div>
            </div>
            <div></div>

        </div>
    </form>
</div>

</body>
</html>